
<template>
    <div>
      <div v-transfer-dom>
        <popup v-model="showNotice" height="100%">
          <div class="showNotice-popup">
            <h3>微信报警注意事项</h3>
            <p>1.云南公安微信报警是110电话报警及12110短信报警的重要补充手段，如遇紧急情况（除不便使用语音报警的情况），请选择拨打110电话报警。</p>
            <p>2.为最大化发挥微信报警时效，减少公共资源、警务资源浪费，微信报警人须保证自己提供的个人身份信息和报警内容真实、完整，并协助公安机关获取与报警相关的信息资源。</p>
            <p>3.如报警人未提供真实身份及有效联系方式，或提供的报警信息不全的，可能导致公安机关无法及时接处警情。所报事项不属于公安机关管辖的，公安机关将引导报警人向有管辖权的单位反映处理。</p>
            <p>4.对故意多次进行不实报警的微信账号，经核实后将被列入黑名单予以屏蔽，对恶意骚扰、谎报警情、威胁恐吓、谩骂侮辱、诬告他人及散布虚假信息等干扰公安机关正常工作的行为，公安机关将依法予以处罚，构成犯罪的，将依法追究刑事责任。</p>
          </div>
          <div class="btn-box" style="margin-top: 30px;">
            <x-button type="primary" @click.native="showNotice=!showNotice">阅读并同意</x-button>
            <x-button type="default" plain style="margin-top: 30px;" @click.native="goBack">暂不报警</x-button>
          </div>
        </popup>
      </div>
      <group label-width="100px" label-margin-right="15px" label-align="left">
        <x-input title='姓名:' :max="11" required placeholder="请输入姓名"></x-input>
        <x-input title='手机号码:' :max="11" required placeholder="请输入手机号码"></x-input>
        <x-input title='身份证号:' :max="11" required placeholder="请输入身份证号"></x-input>
        <selector title="是否为当前时间及地点:" required :options="list2" placeholder="是否为当前时间及地点"  v-model="selector01"></selector>
        <x-input title='事发时间:' readonly  :value="datenownew"></x-input>
        <span>事发地点:</span><select>昆明</select><select>昆明</select>
        <selector title="事发地点:" :options="list2" placeholder="是否方便接听来电"  v-model="selector02"></selector>
        <selector :options="list2" placeholder="是否方便接听来电"  v-model="selector02"></selector>
        <x-textarea    autosize="true" placeholder="请输入事发地址" :height="30"></x-textarea>
        <selector title="是否方便接听来电:" :options="list2" placeholder="是否方便接听来电"  v-model="selector02"></selector>
        <x-textarea title="报警内容:" :show-counter="false" placeholder="请输入报警内容" autosize="true" :height="200"></x-textarea>
      </group>
      <ul class="ul_lost">
        <li>
          <h1 class="h1_text" style="color: #666; font-size: 16px;margin: 0px 10px; ">
            报警资料上传<span class="red">（选填）</span> </h1>
        </li>
      </ul>
      <div style="width: 100%;float: left;margin-bottom: 20px;">
        <div class="weui_cells weui_cells_form" style="margin-top: 0px;">
          <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
              <div class="weui_uploader">
                <div class="weui_uploader_hd weui_cell">
                  <div class="weui_cell_bd weui_cell_primary">图片上传<span class="red">（单张图片不能大于5M）</span></div>
                  <div class="weui_cell_ft"></div>
                </div>
                <div class="weui_uploader_bd" style="margin-top: 10px;">
                  <ul class="weui_uploader_files">
                    <li class="weui_uploader_file" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)">
                      <div class="sxsb_close"></div>
                    </li>
                    <li class="weui_uploader_file" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)">
                      <div class="sxsb_close"></div>
                    </li>
                  </ul>
                  <div class="weui_uploader_input_wrp">
                    <input class="weui_uploader_input" type="file" accept="image/jpg,image/jpeg,image/png,image/gif" multiple="">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="weui_cells weui_cells_form" style="margin-top: 0px;">
          <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
              <div class="weui_uploader">
                <div class="weui_uploader_hd weui_cell">
                  <div class="weui_cell_bd weui_cell_primary">录音上传<span class="red">（1M以内）</span></div>
                  <div class="weui_cell_ft"></div>
                </div>
                <div class="weui_uploader_bd" style="margin-top: 10px;">
                  <ul class="weui_uploader_files">
                  </ul>
                  <!--<div class="wxbj_lysc1">-->
                    <!--<img src="../call110/images/bofang.png" id="bofang" />-->
                  <!--</div>-->
                  <div class="wxbj_lysc">
                    <img src="../call110/images/wxbj_scly.png" id="wxbj_lysc_img" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="weui_cells weui_cells_form" style="margin-top: 0px;">
          <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
              <div class="weui_uploader">
                <div class="weui_uploader_hd weui_cell">
                  <div class="weui_cell_bd weui_cell_primary">视频上传<span class="red">（20M以内）</span></div>
                  <div class="weui_cell_ft"></div>
                </div>
                <div class="weui_uploader_bd" style="margin-top: 10px;">
                  <ul class="weui_uploader_files">
                  </ul>
                  <div class="wxbj_spsc">
                    <img src="../call110/images/wxbj_scsp.png" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="btn-box" style="margin-top: 30px;">
        <x-button type="primary" link="/call110/result">提交</x-button>
      </div>
    </div>
</template>

<script type="text/ecmascript-6">
  import  './css/weui.css'
  import  './css/home.css'
  import  './css/main.css'
  import  './css/mobiscroll_002.css'
  import { TransferDom,Popup,XButton,Group,Selector,XInput,XTextarea,dateFormat} from 'vux'

  export default {
    data(){
      return {
        datenownew:dateFormat(new Date(), 'YYYY-MM-DD HH:mm:ss'),
        showNotice:true,
        selector01:'姑苏区',
        list: ['姑苏区', '吴中区', '工业园区'],
        selector02:false,
        list2: [{key: true, value: '是'}, {key: false, value: '否'}]
      }
    },

    methods:{
      goBack(){
        this.$router.push('/')
      }
    },
    directives: {
      TransferDom
    },
    components:{
      Popup,
      XButton,
      Group,
      Selector,
      XInput,
      XTextarea
    }
  }
</script>


<style  lang="less" scoped>
  .showNotice-popup {
    width:100%;
    padding: 20px;}
    h3 {
      font-size: 18px;
      padding: 5px;
      border-bottom: 1px solid #D9D9D9;
      margin-bottom: 15px;
    }
    p {
      line-height: 24px;
      margin-bottom: 5px;
    }
  .map {
    padding: 15px;
  }
</style>
